/* case */
.case { text-align: center; position: relative; overflow: hidden; padding: 80px 0 40px; background: #fff;}
.case-con { text-align: left; margin-top: 50px; overflow: hidden;}
.case-con .item { float: left; margin-right:1%; margin-bottom: 1%; width: 24%;}
.case-con .item:nth-child(4n) { margin-right: 0;}
.case-con .item .pic { display: block; overflow: hidden;}
.case-con .item .pic img { display: block; width: 100%; transition: all 1s;    height: 250px;}
.case-con .item:hover .pic img { transform: scale(1.1);}
.case-con .item .tit  { overflow: hidden; padding:0 25px; background: #f4f4f4; box-sizing: border-box;}
.case-con .item .tit .tit-ar { padding: 20px 0;border-bottom: 1px solid #dbdbdb;}
.case-con .item .tit .tit-ar h2 { font-size: 20px; color: #333; font-weight: normal;}
.case-con .item .tit .tit-ar h2 a { color: #333;}
.case-con .item .tit .tit-ar p {  margin-top:6px;font-size: 14px; color: #999;}
.case-con .item .tit .tit-ar p em { font-family: 'Markpro-Heavy';}
.case-con .item .tit .case-more { position: relative; display: block;margin:20px 0; overflow: hidden;}
.case-con .item .tit .case-more a { font-size: 14px; color: #999;}
.case-con .item .tit .case-more:after {content: '';display: block;position: absolute;right: 0;top: 1px;background: url("../images/next-icon01.png") no-repeat center;width: 15px;height: 15px;background-size: 100%;}
.case-con .item .tit .case-more a:hover { color: #00a42b;}
.case-con .item .tit .tit-ar h2:hover a { color: #00a42b;}
.case-con .item:hover .pic img { transform: scale(1.1);}
.content >  a { display: inline-block; font-size: 14px; color: #999;}
.content >  a i { vertical-align: middle; margin-top: -3px; margin-left: 5px; display: inline-block; background: url("../images/all-icon01.png") no-repeat center; width: 12px; height: 12px; background-size: 100%;}
.content >  a:hover { color: #00a42b;}
.content >  a:hover i { background: url("../images/all-icon02.png") no-repeat center; }
/* case end */

.fanye{  text-align:center;  margin:30px 0 20px 0;}
.fanye li{display:inline}
.fanye a, .fanye span{ border:#bbb solid 1px; 
    padding:0px 15px; 
    font-size:14px; 
    color:#666; 
    line-height: 36px; 
    display: inline-block; 
    border-radius: 5px;
    margin:0 1px;}
.fanye a:hover{ color:white; 
    background-color:#dc2017; 
    border:#dc2017 solid 1px;}
.fanye span.current{ color:white; 
    background-color:#dc2017; 
    border:#dc2017 solid 1px;}
.fanye span.disable{  }
.fanye .active span{background:#dc2017;color:#ffffff}


/* dzal */
.dzal {position: relative;display: inline-block;width: 100%;padding: 80px 0;box-sizing: border-box;background: #f4f4f4;}
.dzal > i {animation: fadeinL 1s ease-out backwards;position: absolute;left:185px;bottom:-82px;background: url("../images/jsgh-bf.png") no-repeat center;width: 160px;height: 160px;background-size: 100%;z-index: 3;}
.dzal-con { padding-top: 60px; display: block; width: 100%;}
.dzal-con .item { position: relative; padding: 80px 31px 0;box-sizing: border-box;margin: 0 10px;text-align: center;float: left;background: url("../images/dzal-bg01.png") no-repeat center;width: 280px;height: 612px;background-size: 100%;}
.dzal-con .item:nth-of-type(1):after {content: '';display: block;position: absolute;left: 8px;top: 53px;width: 80px;height: 7px;background: #f76204;transform: rotate(-30deg);}
.dzal-con .item:nth-of-type(2):after {content: '';display: block;position: absolute;left: 8px;top: 53px;width: 80px;height: 7px;background: #0357ac;transform: rotate(-30deg);}
.dzal-con .item:nth-of-type(3):after {content: '';display: block;position: absolute;left: 8px;top: 53px;width: 80px;height: 7px;background: #14a931;transform: rotate(-30deg);}
.dzal-con .item:nth-of-type(4):after {content: '';display: block;position: absolute;left: 8px;top: 53px;width: 80px;height: 7px;background: #7e51f0;transform: rotate(-30deg);}
.dzal-con .item h2 { font-size: 24px; color: #27282c;}
.dzal-con .item h2 a {color: #27282c; }
.dzal-con .item p { font-size: 24px; color: #27282c;}
.dzal-con .item i { display: block; margin: 12px auto 20px; background: url("../images/dzal-next01.png") no-repeat center; width: 28px; height: 28px; background-size: 100%;}
.dzal-con .item span { display: block; font-size: 16px; color: #666; line-height: 1.5;}
.dzal-con .item .pic { display: block; margin-top: 20px;}
.dzal-con .item .pic img { display: block; width: 100%;}
.dzal-con .item:nth-of-type(1) {animation: fadeinR 0.5s ease-out backwards;}
.dzal-con .item:nth-of-type(2) {animation: fadeinR 1s ease-out backwards;}
.dzal-con .item:nth-of-type(3) {animation: fadeinR 1.5s ease-out backwards;}
.dzal-con .item:nth-of-type(4) {animation: fadeinR 2s ease-out backwards;}
.dzal-con .item:hover { background: url("../images/dzal-bg02.png") no-repeat center; background-size: 100%;}
.dzal-con .item:hover:after { background: #fff;}
.dzal-con .item:hover h2,.dzal-con .item:hover p ,.dzal-con .item:hover span { color: #fff;}
.dzal-con .item:hover i { background: url("../images/dzal-next02.png") no-repeat center;background-size: 100%;}
@media (max-width: 1500px) {
    .dzal > i { left: 20px; width: 140px;}
}
/* dzal end */


/* product02 */
.product02 { text-align:center; padding: 80px 0; box-sizing: border-box; position: relative; overflow: hidden; background: url("../images/product-bg.jpg") no-repeat center; width: 100%; height: auto; background-size: cover;}
.product02-con { text-align: left; margin-top: 50px; overflow: hidden;}
.product02-con .product02-main  {float: left;width: 100%;}
.product02-con .product02-main .item { float: left; width: 23%; margin: 2% 1%;}
.product02-con .product02-main .item .pic { display: block; width: 100%; overflow: hidden;}
.product02-con .product02-main .item .pic img { display: block; width: 100%; transition: all 1s;}
.product02-con .product02-main .item .tit {display: block;overflow: hidden;padding: 0 20px;background: #fff;}
.product02-con .product02-main .item .tit p {font-size: 16px;padding: 20px 0;color: #666;border-top: 1px solid #e5e5e5;box-sizing: border-box;background: url("../images/next-icon01.png") no-repeat right;}
.product02-con .product02-main .item:hover img { transform: scale(1.1);}
.product02-con .product02-main .item:hover p { color: #00a42b;}
.product02 .content > a { margin-top: 25px;}
/* product02 end */




/* indexForm */
.indexForm { padding: 54px 0; box-sizing: border-box; position: relative; overflow: hidden; background: url("../images/indexform-bg.jpg") no-repeat center; width: 100%; height: 170px; background-size: cover;}
.indexForm .tit { float: left;}
.indexForm .tit p { font-size: 36px; color: #fff;}
.indexForm .tit span { font-size: 18px; color: #fff;}
.indexForm .indexForm-input { float: right;}
.indexForm .indexForm-input input { margin-right: 20px; float: left; width: 360px; height: 60px; line-height:60px; font-size: 16px; padding-left: 20px; box-sizing: border-box; border: none; outline: none;}
.indexForm .indexForm-input a { float: left; width: 170px; height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #fff; background: #27282c; }
/* indexForm end */


/* gctd */
.gctd { position: relative; overflow: hidden; padding: 50px 0 30px; box-sizing: border-box; background: #f4f4f4;}
.gctd-slide { position: relative; padding-bottom: 50px; margin-top: 30px; overflow: hidden;}
.gctd-slide .item { float: left; margin: 0 25px; width: 350px;}
.gctd-slide .item .pic { margin: 0 auto; position: relative; z-index: 2; display: block; width: 170px; height: 170px; border-radius: 50%; overflow: hidden;}
.gctd-slide .item .pic img { display: block; width: 100%;}
.gctd-slide .item .tit { padding-top: 85px; margin-top: -85px; display: block; background: #fff;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);}
.gctd-slide .item .tit p { text-align: center; padding-top: 10px;margin: 0 auto; font-size: 16px; color: #666;  line-height: 1.75; width: 90%; height:90px;}
.gctd-slide .item .tit span { margin-top: 35px; display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; background: #27282c;}
.gctd-slide .gctd-menu { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;}
.gctd-slide .gctd-menu ul { display: inline-block;}
.gctd-slide .gctd-menu li { font-size: 0; margin: 0 9px; float: left; width: 11px; height: 11px; border-radius: 50%; background: #ccc;}
.gctd-slide .gctd-menu li.cur { background: #f75a04;}
/* gctd end */


/* gctd02 */
.gctd02 { position: relative; overflow: hidden; padding: 0px 0 30px; box-sizing: border-box; background: #f4f4f4;}
.gctd02-slide { position: relative; padding-bottom: 50px; margin-top: 30px; overflow: hidden;}
.gctd02-slide .item {float: left;margin: 0 25px 45px;width: 350px;}
.gctd02-slide .item .pic { margin: 0 auto; position: relative; z-index: 2; display: block; width: 170px; height: 170px; border-radius: 50%; overflow: hidden;}
.gctd02-slide .item .pic img { display: block; width: 100%;}
.gctd02-slide .item .tit {padding-top: 85px;margin-top: -85px;display: block;background: #fff;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);}
.gctd02-slide .item .tit p {text-align: center;padding-top: 10px;margin: 0 auto;font-size: 16px;color: #666;line-height: 1.75;width: 90%;height: 90px;}
.gctd02-slide .item .tit span { margin-top: 35px; display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; background: #27282c;}
/* gctd02 end */

/* indexHonor */
.indexHonor {padding: 80px 0 0;box-sizing: border-box;position: relative;overflow: hidden;background: url("../images/indexhonor-bg.jpg") no-repeat  center;width:100%;height: 638px;background-size: cover;}
.indexHonor .wrap-tit i { background: #fcfcfc;}
.indexHonor-slide {position: relative;padding: 50px 0;overflow: hidden;}
.indexHonor-slide .item { padding-bottom: 20px; margin:0 10px;float: left; width: 280px; background: #fff;}
.indexHonor-slide .item .pic { display: block; width: 100%; overflow: hidden;}
.indexHonor-slide .item .pic img { display: block; width: 100%;}
.indexHonor-slide .item p { font-size: 16px; color: #666; text-align: center;}
.indexHonor-slide .indexHonor-menu { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;}
.indexHonor-slide .indexHonor-menu ul { display: inline-block;}
.indexHonor-slide .indexHonor-menu li { font-size: 0; margin: 0 9px; float: left; width: 11px; height: 11px; border-radius: 50%; background: #fff;}
.indexHonor-slide .indexHonor-menu li.cur { background: #f75a04;}
/* indexHonor end */

.proDetailsCanS1200 img{max-width:100%}


/* product */
.product {text-align:center;padding: 80px 0 0;box-sizing: border-box;position: relative;overflow: hidden;width: 100%;}
.product-con { text-align: left; margin-top: 50px; overflow: hidden;}
.product-con .product-menu { float: left; box-sizing: border-box; width: 290px; background: #27282c;}
.product-con .product-menu > i { display: block; width: 100%; height: 10px; background: #00a42b;}
.product-con .product-menu dl {overflow: hidden;padding:0 20px;cursor: pointer;}
.product-con .product-menu dl:last-child{margin-bottom:20px}
.product-con .product-menu dt {position: relative;overflow: hidden;padding: 15px 0;background: url("../images/next-icon02.png") no-repeat right;background-size: 6%;}
.product-con .product-menu dt {border-bottom: 1px solid #3d3e42;box-sizing: border-box;font-size: 16px;color: #fff;}
.product-con .product-menu dt a { color: #fff;}
.product-con .product-menu dd {display: block;position: relative;padding: 7px 20px;box-sizing: border-box;background: #3f3f3f;}
.product-con .product-menu dd:last-child{padding-bottom: 16px;}
.product-con .product-menu dd:after {content: '';display: block;position: absolute;left: 22px;top: -5px;background: url("../images/arrow-icon04.png") no-repeat center;width: 8px;height: 4px;background-size: 100%;}
.product-con .product-menu dd a {/*margin-bottom: 15px;*/display: block;font-size: 16px;color: #dcdcdc;}
.product-con .product-menu dt a:hover { color: #00a42b;}
.product-con .product-menu dd a:hover { color: #00a42b;}
.product-con .product-menu dl dt.cur,.product-con .product-menu dl:hover dt { background: url("../images/arrow-bm02.png") no-repeat right;}
.product-con .product-menu dl dt.cur a,.product-con .product-menu dl:hover dt a {  color: #00a42b;}
.product-con .product-menu dd a.cur,.product-con .product-menu dd a:hover a{ color: #00a42b;}
.product-con .product-main  {float: left;width: 910px;}
.product-con .product-main .product-list { overflow:hidden;}
.product-con .product-main .paging1200 {}
.product-con .product-main .item { float: left; width: 290px; margin-left: 13px; margin-bottom: 13px;}
.product-con .product-main .item .pic { display: block; width: 100%; overflow: hidden;}
.product-con .product-main .item .pic img { display: block; width: 100%; transition: all 1s;}
.product-con .product-main .item .tit {display: block;overflow: hidden;padding: 0 20px;background: #fff;}
.product-con .product-main .item .tit p {font-size: 16px;padding: 14.5px 0;color: #666;border-top: 1px solid #e5e5e5;box-sizing: border-box;background: url("../images/next-icon01.png") no-repeat right;}
.product-con .product-main .item:hover img { transform: scale(1.1);}
.product-con .product-main .item:hover p { color: #00a42b;}
.product .content > a { margin-top: 25px;}
/* .product  #nodata { padding: 300px 80px 80px;  background: url(../images/nodata.gif) no-repeat center; background-color: #fff; text-align: center; font-size: 20px;} */
/* product end */


/* common */
.common-con { margin-top:30px;}
.common-con .item {margin-bottom: 60px;position: relative;overflow: hidden;/* background: #fff; */}
.common-con .item .pic {position: relative;float: left;width: 40%;animation: fadeinL 1s ease-out backwards;}
.common-con .item .pic img { display: block; width: 100%;}
.common-con .item .pic-hd { position: absolute; left: 0; top: 0; width: 165px; height: 57px; line-height: 57px; font-size: 36px; color: #333; background: #fdd435; text-align: center;}
.common-con .item .pic-hd p { font-family: "DIN Medium";}
.common-con .item .pic-hd span { font-size: 15px;}
.common-con .item .tit {float: right;width: 58%;}
.common-con .item .tit h2 {margin-bottom: 15px;font-size: 26px;line-height: 1;color: #333;font-weight: normal;padding-top: 15px;}
.common-con .item .tit h2 a { color: #333;}
.common-con .item .tit p { position: relative; font-size: 15px;color: #555;line-height: 2;}
.common-con .item .tit-btn {position: absolute;bottom: 15px;animation: fadeinR 1s ease-out backwards;}
.common-con .item .tit-btn a {display: inline-block;width: 120px;height: 42px;line-height: 42px;text-align: center;font-size: 15px;margin-right: 14px;border-radius: 4px;color: #fff;}
.common-con .item .tit-btn a:nth-of-type(1) {background-image: linear-gradient(0deg, #8dc556 0%, #00a42b 100%);}
.common-con .item .tit-btn a:nth-of-type(2) {background-image: linear-gradient(0deg, #f79304 0%, #f75a04 100%);}
.common-con .item .tit-btn a:nth-of-type(3) {background-image: linear-gradient(0deg, #1177dd 0%, #0051a3 100%);}
.common-con .item .tit-btn a:nth-of-type(4) {background-image: linear-gradient(0deg, #ff6f76 0%, #c90e1b 100%);}
/* common end */

.fn .mainCon p{font-size:14px;color:#333;text-align:left;line-height:24px;margin-bottom: 8px;}
.fn .mainCon .Summary{border: 1px dashed #ddd;background: #f4f4f4; padding: 10px;font-size: 16px;  }
.fn .mainCon .Summary p{line-height:28px;font-size:16px;}
.fn .mainCon .bfan{overflow:hidden; margin-top: 20px; animation: fadeinB 1s ease-out backwards;}
.fn .mainCon .bfan p{ float:left;width: 30.666%;background: #f4f4f4;margin-right: 1%;line-height:42px;font-size:16px;padding:0 1%;margin-bottom:15px;transition: all .5s;}
.fn .mainCon .bfan p:hover{background:#00a42b;color:#fff;}
.fn .mainCon .bfan p:nth-child(3n){margin-right:0}

.pic-box .fa{margin-top:20px;animation: fadeinB 1s ease-out backwards;}
.pic-box .fa li{float:left;width:24.25%;margin-right:1%;margin-bottom:15px;overflow:hidden}
.pic-box .fa li:nth-child(4n){margin-right:0}
.pic-box .fa li img{width:100%;transition: all 1s;}
.pic-box .fa li img:hover{transform: scale(1.25);}
#fancybox-title{display:none !important;}

.firstRow  { animation: fadeinT 1s ease-out backwards;  }
.firstRow td a{display:block;overflow:hidden;}
.firstRow img{transition: all 1s;}
.firstRow a img:hover{transform: scale(1.25);}
.firstRow td p{overflow:hidden;width:100%;height:100%}

/*--system--*/
.system{padding:70px 0;overflow:hidden;background:url(../images/system_bg.jpg) no-repeat center;background-size:cover;}
.system .wrap-tit{margin-bottom:72px;}
.system .wrap-tit *{color:#fff;}
.system-list{margin:-12px;overflow:hidden;}
.system-list .item{float:left;margin:12px;width:calc(20% - 24px);text-align:center;overflow:hidden;}
.system-list .pic{overflow:hidden;border:#fff solid 5px;}
.system-list .pic img{display:block;width:100%;transition:all 1s;}
.system-list .tit{margin-top:10px;height:32px;line-height:32px;font-size:18px;color:#fff;}
/*--end system--*/


/*--step--*/
.step{padding:70px 0;overflow:hidden;background:#fff url(../images/step_bg.jpg) no-repeat center 182px;}
.step .wrap-tit{margin-bottom:45px;}
.step-list{position:relative;height:310px;overflow:hidden;}
.step-list .item{position:absolute;width:90px;text-align:center;}
.step-list .item i{display:block;width:86px;height:86px;border:#efefef solid 2px;background:#fff;border-radius:50%;transition:all 0.5s;}
.step-list .item i img{display:block;position:relative;width:100%;}
.step-list .item p{margin-top:10px;height:24px;line-height:24px;font-size:16px;color:#333;white-space: nowrap;}
.step-list .item:hover i{background:#00a42b;border-color:#00a42b;}
.step-list .item:hover i img{filter:contrast(0) brightness(2);}
.step-list .item-1{left:0;top:0;animation:fadeinR 1s;}
.step-list .item-2{left:242px;top:0;animation:fadeinR 1.5s;}
.step-list .item-3{left:460px;top:0;animation:fadeinR 2s;}
.step-list .item-4{left:675px;top:0;animation:fadeinR 2.5s;}
.step-list .item-5{left:892px;top:0;animation:fadeinR 3.5s;}
.step-list .item-6{left:1108px;top:0;animation:fadeinR 4s;}
.step-list .item-7{left:1108px;top:170px;animation:fadeinL 4.5s;}
.step-list .item-8{left:892px;top:170px;animation:fadeinL 5s;}
.step-list .item-9{left:675px;top:170px;animation:fadeinL 5.5s;}
.step-list .item-10{left:460px;top:170px;animation:fadeinL 6s;}
.step-list .item-11{left:242px;top:170px;animation:fadeinL 6.5s;}
.step-list .item-12{left:0px;top:170px;animation:fadeinL 7s;}
/*--end step--*/


 .contact-bth {
    display: block;
    margin-top: 0.05rem;
    outline: none;
    border: 0;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: .5rem;
    color: #fff;
    background: #0853ae;
    margin-top: .2rem;
    padding-left: 0;
    letter-spacing: 4px;
    font-size: 16px;
    text-indent: 0rem;
	    padding: 1rem .1rem;
    width: 18%;
    /* text-align: center; */
    margin: 0 auto;
}

.cs {
    width: 1500px;
    margin: 0 auto;
}


/*联系我们 begin*/
.contactUsDl dd{
    float:left;
    padding: 50px;
	width: 26%;
    overflow:hidden;
    position: relative
}
.contactUsDl dd:after{
    content: "";
    display: block;
    width:1px;
    height:120px;
    background:#e6e6e6;
    position: absolute;
    bottom:0;
    right:0;
}
.contactUsDl dd:last-child:after{display:none}
.contactUsDl dd .icon{
    height:90px;
    background-position:center center;
    background-repeat:no-repeat;
    margin-bottom:15px;
}
.contactUsDl dd .icon.icon1{background-image:url(../images/csicon1.png)}
.contactUsDl dd .icon.icon2{background-image:url(../images/csicon2.png)}
.contactUsDl dd .icon.icon2_1{background-image:url(../images/csicon2_1.png)}
.contactUsDl dd .icon.icon3{background-image:url(../images/csicon3.png)}
.contactUsDl dd .icon.icon4{background-image:url(../images/csicon4.png)}
.contactUsDl dd .divT{
    clear: both;
    font-size:16px;
    color:#333333;
    text-align: center;
    height:37px;
    line-height:37px;
    overflow:hidden;
}
.contactUsDl dd .divT2{
    clear: both;
    font-size:16px;
    color:#333333;
    text-align: center;
    height:33px;
    line-height:33px;
    overflow:hidden;
}
.contactUsDl dd a{
    display: block;
    width:120px;
    height:35px;
    line-height:35px;
    margin:0 auto;
    overflow:hidden;
    text-align: center;
    background:#1a5987;
    font-size:14px;
    color:#ffffff;
    margin-top:10px;
}
.contactUsDl dd a:hover{opacity:0.9}